/**
 * 报事咨询
 * @author truexin
 * @date   2016/05/17
 */
.report-consult {
    .mui-scroll-wrapper {
        bottom: .5rem;
    }

    .person-content, .consult-content {
        padding-top: .2rem;
        position: relative;
        padding-bottom: .3rem;
        .head-img {
            position: absolute;
            top: .1rem;
            z-index: 999;
            line-height: .5rem;
            text-align: center;
            width: .6rem;
            height: .6rem;
            -moz-border-radius: .3rem; /* Firefox */
            -webkit-border-radius: .3rem; /* Safari 和 Chrome */
            border-radius: .3rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
            img {
                width: .6rem;
                height: .6rem;
                -moz-border-radius: .3rem; /* Firefox */
                -webkit-border-radius: .3rem; /* Safari 和 Chrome */
                border-radius: .3rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
            }
            i {
                position: absolute;

                bottom: -.35rem;
                font-style: normal;
                display: inline-block;
                width: .6rem;
                word-break: break-all;
                font-size: .1rem;
                font-weight: 100;
                text-align: center;
            }
        }
        p {
            position: relative;
            word-break: break-all;
            border-radius: 1px;
            width: 2.6rem;
            padding: .15rem;
            text-align: justify;
            font-size: .16rem;
            line-height: .2rem;

            .arrow {
                position: absolute;
                display: inline-block;
                height: 0;
                width: 0;
                border-style: solid;
                border-width: 10px;
            }
        }
        b {
            position: absolute;
            color: #999;
            font-weight: 100;
            font-size: .15rem;
        }
    }
    .person-content {

        .head-img {
            right: .1rem;
            i {
                right: 0;
            }
        }
        p {
            background: #eaeaea;
            margin-left: .2rem;
            color: #000;
            .arrow {
                right: -.182rem;
                top: .05rem;
                border-color: transparent transparent transparent #eaeaea;
            }
        }
        b {
            bottom: .18rem;
            left: .3rem;
        }
    }
    .consult-content {

        .head-img {
            left: .1rem;
            i {
                right: 0;
            }
        }
        p {
            background: #eaeaea;
            margin-left: .95rem;
            .arrow {
                border-color: transparent #eaeaea transparent transparent;
                left: -.182rem;
                top: .05rem;
            }
        }
        b {
            bottom: .18rem;
            right: .3rem;
        }
    }
    .pension {
        p {
            margin-left: .85rem;
            width: 2.75rem;
        }
        &:first-child {
            margin-top: .1rem;
        }
        .suggest {
            background: #3dddcc;
            color: #fff;
            display: inline-block;
            padding: .03rem .03rem;
            text-align: center;
        }
    }
    .send-btns {
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 999;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        ul {
            margin: 0;
            padding: 0;
            &::after {
                display: block;
                content: "";
                clear: both;
            }
        }
        li {
            height: .5rem;
            list-style: none;
            float: left;
            background: #fff;
            &:first-child {
                width: 80%;
                position: relative;
                input {
                    background: #eaeaea;
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    border-radius: 0;
                    border: none;
                }
            }

            &:last-child {
                width: 20%;
                button {
                    padding: 0 0 0 .05rem;
                    &::after {
                        font-size: .25rem;
                        font-family: 'property-report';
                        content: '\e657';
                        color: #fff;
                        line-height: .3rem;
                    }
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    background: #03b1be;
                    border-radius: 0;
                    border: none;
                }
            }
        }
    }

}
